<template>
  <div class="container">
    <img v-if="fileSpace" mode="widthFix" class="top-pic"
      :src="fileSpace + '/images/404.png'"/>
    <div class="font-19 mar-t-19">抱歉，数据丢失了~</div>
    <div class="reload-btn" @click="$pt.navigateBack({ delta: -1 })">重新加载</div>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        isInitDone: false
      }
    },
    onLoad() {
    },
    onShow() {
      this.$pt.hideToast()
    },
    methods: {
    }
  }
</script>

<style lang="less" scoped>
  .container{
    background: #fff;
    min-height: calc(100vh);
    text-align: center;
  }
  .top-pic {
    width: 320px;
    height: 181px;
    margin-top: 70px;
    display: inline-block;
  }
  .reload-btn{
    border-radius: 50px;
    background: #ffc107;
    color: #fff;
    font-size: 25px;
    padding: 0px 30px;
    margin-top: 68px;
    display: inline-block;
  }
</style>
